<ui:composition template="/pages/mastertemplate/MasterPage.xhtml" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:syn="http://www.syniverse.com">
	
<ui:define name="content">

		<h:form id="mainForm">
			<p:growl id="messages"/> 
			<br/>
			<p:panel header="#{msg.general_change_password_title}">
				<p:overlayPanel id="helpPanel" for="helpLink" showEvent="mouseover" hideEvent="mouseout">
						<h:outputText value="#{msg.general_change_password_help}" escape="false"/>
				</p:overlayPanel>
				<p:dialog id="helpDialogid" widgetVar="helpDialog" header="#{msg.general_help_header}">
					<p:panelGrid columns="2" style="max-width:400px">
						<h:outputText value="#{msg.general_help_steps}:" />
						<h:outputText value="#{msg.general_change_password_steps}" escape="false"/>
					</p:panelGrid>
				</p:dialog>
				<f:facet name="actions">  
		           	<p:commandLink id="helpLink" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default" onclick="helpDialog.show()">  
			    	    <h:outputText styleClass="ui-icon ui-icon-help" />  
		           	</p:commandLink>    
	        	</f:facet>
				<div class="center" style="width: 400px">
					<h:panelGrid columns="2" styleClass="twoColTableTag twoColTableValue">
						<h:outputText value="#{msg.general_user_oldPassword}: " />
						<p:password value="#{ChangePasswordBean.oldPassword}" required="true" feedback="false" 
							label="#{msg.general_user_oldPassword}" style="width:100%"/>
						<h:outputText value="#{msg.general_user_newPassword}: " />
						<p:password value="#{ChangePasswordBean.newPassword}" required="true" label="#{msg.general_user_newPassword}" style="width:100%"/>
						<h:outputText value="#{msg.general_user_confirmPassword}: " />
						<p:password value="#{ChangePasswordBean.confirmPassword}" required="true" feedback="false" 
							label="#{msg.general_user_confirmPassword}" style="width:100%"/>
						<br />
						<h:panelGroup style="float: right">
							<p:commandButton value="#{msg.general_save}" actionListener="#{ChangePasswordBean.savePassword}" update="@form"/>
						</h:panelGroup>
					</h:panelGrid>
				</div>
			</p:panel>
		</h:form>

</ui:define>
</ui:composition>
